<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>代理人中心-账户管理</title>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script src="js/index.js" type="text/javascript"></script>
<script src="js/swiper.min.js"></script>
<script src="js/jquery-2.2.0.min.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/daili.css">
</head>

<body>
<div class="wuyoujianli_header">
	<div class="wuyoujianli_nav">
		<span class="wuyoujianli_nav1">小明</span>　<a href="dlym.html">退出</a>　|　<a href="index.html">首页</a>　|　<a href="dl-sfbd.html">个人中心</a>
	</div>
</div>
<div class="header-b">
   <div class="inner">
	  <a href="index.html">
		 <div class="logo">
		   <img src="images/header_03.jpg">
	   </div>
	  </a>
	   <div class="tel" style="float: right;">
		   <img src="images/header_14.jpg">
	   </div>
   </div>
</div>
<div class="daohang" style="margin-bottom: 40px;">
	<ul class="daohang1">
	   <a href="index.html"><li>首页</li></a>
	  <a href="zzgz.html"><li>查找工作</li></a>
	  <a href="xmhz.html"><li>项目合作</li></a>
	  <a href="gr-jindu.html"><li class="xuanzhong">会员中心</li></a>
	  <a href="flyz.html"><li>法律援助</li></a>
	  <a href="sqdk.html"><li>申请贷款</li></a>
	  <a href="zzfw.html"><li>增值服务</li></a>
	  <div class="clearfix"></div>  
	</ul>
</div>
<div class="inner">	
	<div class="small_nav">
		<div class="small_nav_title">代理人中心</div>
		<a href="dl-sfbd.html"><div class="small_nav_word small_nav_color">账户管理</div></a>
		<a href="dl-cwgl.html"><div class="small_nav_word">财务管理</div></a>
		<a href="dl-tjjy.html"><div class="small_nav_word">已推荐就业</div></a>
		<a href="dl-mmgl.html"><div class="small_nav_word">密码管理</div></a>
		<a href="dl-rwdt.html"><div class="small_nav_word">任务大厅</div></a>
	</div>
	<div class="content">
		<div class="data">
			<div class="data1">
				<img src="images/touxiang.png" alt="">
			</div>
			<div class="data2">
				<div class="data3">尚泽</div>
				<div class="data4">
					<div class="data5">男</div>
					<div class="data6">
						<img src="images/shuxian.jpg" alt="">
					</div>
					<div class="data5">28岁</div>
					<div class="data7">
						<img src="images/shuxian.jpg" alt="">
					</div>
					<div class="data8">
						<img src="images/dingwei.png" alt="">
					</div>
					<div class="data5">山东省临沂市兰山区XXX</div>
					<div class="data6">
						<img src="images/shuxian.jpg" alt="">
					</div>
					<div class="data5">推荐码：256789</div>
				</div>
				<div class="gekai"></div>
				<div class="data9">15589645123</div>
				<input type="text" class="data10" value="15589645123" id="beigai" readonly size="12">
				<div class="data11" id="xiugai">【修改】</div>
				<div class="data11" id="baocun" style="display: none;">【保存】</div>
				<input type="text" class="data12" value="15589645123" id="beigai1" readonly size="12">
				<div class="data11" id="xiugai1">【修改】</div>
				<div class="data11" id="baocun1" style="display: none;">【保存】</div>
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="remind">
			<div class="remind1">
				<img src="images/xiaxian.jpg" alt="">
				就业风险提醒
			</div>
			<!--新的-->
			<table height="200" class="cailiao" cellpadding="0" cellspacing="0" width="700">
				<tr>
					<td class="cailiao3">　　一、骗取报名费：收费报名、拖延不退。</td>
					<td class="cailiao3">　　二、骗取考试费：收费考试、不予通过。</td>
				</tr>
				<tr>
					<td>　　三、骗取培训费：虚假职位、收费培训。</td>
					<td>　　四、骗取资料费：虚假职位、收费办证。</td>
				</tr>
				<tr>
					<td class="cailiao3">　　五、骗取个人信息：办高息贷款、银行信用卡。</td>
					<td class="cailiao3">　　六、大包落地：前期不收费、下了飞机、身不由己。</td>
				</tr>
				<tr>
					<td>　　七、碰签模式：广收护照碰运气、谁的通过收谁钱。</td>
					<td>　　八、无息借款：虚假职位100%退款、至少半年给予退还。</td>
				</tr>
				<tr>
					<td class="cailiao1"></td>
					<td class="cailiao2" style="">　　　客服咨询电话:</td>
				</tr>
			</table>
		</div>
		<div class="remind">
			<div class="remind1">
				<img src="images/xiaxian.jpg" alt="" class="bd-img">
				<p class="shenf rem-p1">身份证绑定</p>
				<p class="yinh" style="color: #333;">银行卡绑定</p>
			</div>
			<div class="shangc" id="wanshan">
				<p class="sh-p">上传身份证：</p>
				<div class="zheng">
					<p>上传身份证正面图片</p>
					<div class="aa" id="preview">
						<img src="images/shenfenzheng_03.jpg" id="imghead" onClick="$('#previewImg').click();">
					</div>
					<input type="file" class="file-1"  onChange="previewImage(this)" id="previewImg"/>
				</div>
				<div class="fan">
					<p>上传身份证反面图片</p>
					<div class="aa" id="preview2">
						<img src="images/shenfenzheng_05.jpg" id="imghead2" onClick="$('#previewImg2').click();">
					</div>
					<input type="file" class="file-2"  onChange="previewImage2(this)" id="previewImg2"/>
				</div>
				<p class="rem-p2">请您上传清晰真实的身份证正反两面照片（每张最大2M）</p>
				<button class="tj-btn" id="yiwanshang" style="margin: 20px auto;display: inherit;position: relative;">提交</button>
			</div>
			<div id="yijingwanshan" style="display: none;font-size: 16px;color: #333;margin: 20px;">已完善</div>
			<div class="yinhang" id="bd" style="display: none;">
				<table>
					<tr>
						<td>真实姓名：</td>
						<td><input type="text" placeholder="请输入真实姓名"></td>
					</tr>
					<tr>
						<td>开户行地址：</td>
						<td><input type="text" placeholder="请输入开户行地址"></td>
					</tr>
					<tr>
						<td>银行卡卡号：</td>
						<td><input type="text" placeholder="请输入银行卡卡号"></td>
					</tr>
				</table>
				<button class="yh-btn" id="qr">确认</button>
				<p>银行卡绑定修改后三天内不得进行退款操作</p>
			</div>
			<div id="yz" style="display: none;">
				<div class="qyzz_yhk">
					<div class="qyzz_yhk1">
						<div class="qyzz_yhk2">1</div>
						<div class="qyzz_yhk3">验证账户</div>
					</div>
					<div class="qyzz_yhk4">
						----------------------
					</div>
					<div class="qyzz_yhk1">
						<div class="qyzz_yhk2">2</div>
						<div class="qyzz_yhk5">验证银行卡</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div>
					<div class="zh-2">
						<div>
							<input type="text" placeholder="请输入手机号码">
						</div>
						<div class="zh-2-n1">
							<input type="text" placeholder="图形验证码" style="float: left" />
							<img src="images/yanzhengma.png" alt="" style="float: left;padding-top: 22px;">
							<span style="float: left;padding-top: 28px;">看不清，换一张</span>
							<div class="clearfix"></div>
						</div>
						<div class="zh-2-n2">
							<input type="text" placeholder="短信验证码" />
							<input type="button" id="btn" class="zh-2-n2_input" value="获取短信验证码">
						</div>
						<button class="zh-btn">提交</button>
					</div>
				</div>
			</div>
			<div id="yhk" style="display: none;">
				<div class="qyzz_yhk">
					<div class="qyzz_yhk1">
						<div class="qyzz_yhk2">1</div>
						<div class="qyzz_yhk5">验证账户</div>
					</div>
					<div class="qyzz_yhk4">
						----------------------
					</div>
					<div class="qyzz_yhk1">
						<div class="qyzz_yhk2">2</div>
						<div class="qyzz_yhk3">验证银行卡</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div>
					<div class="yh-caiwu">
						<div class="caiwu6">
							<div class="caiwu7">
								账户名：
							</div>
							<div class="caiwu8" style="border: solid 1px #aaa;">
								<input type="text" placeholder="请输入账户名">
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="caiwu6">
							<div class="caiwu7">
								银行卡卡号：
							</div>
							<div class="caiwu8" style="border: solid 1px #aaa;">
								<input type="text" placeholder="请输入银行卡卡号">
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="caiwu6">
							<div class="caiwu7">
								开户行地址：
							</div>
							<div class="caiwu8" style="border: solid 1px #aaa;">
								<input type="text" placeholder="请输入开户行地址">
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="querenxiugai">
							<div class="qurenxiugai1" id="qurenxiugai1">
								确认
							</div>
						</div>
						<div class="qurenxiugai2">银行卡绑定修改后三天内不得进行退款操作</div>
					</div>
				</div>
			</div>
			<div class="yh-caiwu" style="display: none;" id="xg">
				<div class="caiwu61">
					<div class="caiwu7">
						账户名：
					</div>
					<div class="caiwu8">
						庄博伍
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="caiwu61">
					<div class="caiwu7">
						银行卡卡号：
					</div>
					<div class="caiwu8">
						87596545225451221545
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="caiwu61">
					<div class="caiwu7">
						开户行地址：
					</div>
					<div class="caiwu8">
						山东省临沂市兰山区招商分行
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="querenxiugai">
					<div class="qurenxiugai1" id="yhkxiugai">
						修改
					</div>
				</div>
				<div class="qurenxiugai2">银行卡绑定修改后三天内不得进行退款操作</div>
			</div>
		</div>
	</div>
	<div class="clearfix"></div>
</div>
<div class="dibu">
		<div class="dibu1">
			<div class="dibu2">
				<img src="images/footer_29.jpg" alt="">
			</div>
			<div class="dibu3">
				<div>网站资质　|　备案　|　法律声明　｜　<a href="yinsiquan.html">隐私权政策</a></div>
				<div>未经同意，不得转载本网站之所有招聘信息及作品　|　火星人才网版权所有©2017-3017</div>
				<div>地址：沈阳市沈河区　服务热线：400-024-5880　邮箱：175969151@163.com</div>
			</div>
		<div class="clearfix"></div>
		</div>
	</div>
<script>
	var xiugai=document.getElementById('xiugai');
	var beigai=document.getElementById('beigai');
	var baocun=document.getElementById('baocun');
	var xiugai1=document.getElementById('xiugai1');
	var beigai1=document.getElementById('beigai1');
	var baocun1=document.getElementById('baocun1');
	var dian=function(){
		beigai.readOnly=false;
		beigai.style.borderBottom="solid 1px #aaa";
		xiugai.style.display="none";
		baocun.style.display="block"; 
	}
	var dian1=function(){
		beigai1.readOnly=false;
		beigai1.style.borderBottom="solid 1px #aaa";
		xiugai1.style.display="none";
		baocun1.style.display="block"; 
	}
	var ji=function(){
		beigai.style="readOnly";
		beigai.style.borderBottom="none";
		xiugai.style.display="block";
		baocun.style.display="none";
	}
	var ji1=function(){
		beigai1.style="readOnly";
		beigai1.style.borderBottom="none";
		xiugai1.style.display="block";
		baocun1.style.display="none";
	}
	xiugai.onclick=function(){
		dian()
	}
	xiugai1.onclick=function(){
		dian1()
	}
	baocun.onclick=function(){
		if(beigai.value.length<11){
			alert('请输入号码');
		}else if(beigai.value.length>11){
			alert('请输入正确的号码');
		}else{
			ji();
		}
	}
	baocun1.onclick=function(){
		if(beigai1.value.length<5){
			alert('请输入QQ号码');
		}else if(beigai1.value.length>11){
			alert('请输入正确的QQ号码');
		}else{
			ji1();
		}
	}
	//图片上传预览    IE是用了滤镜。
        function previewImage(file)
        {
          var MAXWIDTH  = 250; 
          var MAXHEIGHT = 160;
          var div = document.getElementById('preview');
          var div2 = document.getElementById('preview2');
          if (file.files && file.files[0])
          {
              div.innerHTML ='<img id=imghead onclick=$("#previewImg").click()>';
              var img = document.getElementById('imghead');
              img.onload = function(){
                var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
                img.width  =  rect.width;
                img.height =  rect.height;
//                 img.style.marginLeft = rect.left+'px';
                img.style.marginTop = rect.top+'px';
              }
              var reader = new FileReader();
              reader.onload = function(evt){img.src = evt.target.result;}
              reader.readAsDataURL(file.files[0]);
          }
          else //兼容IE
          {
            var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
            file.select();
            var src = document.selection.createRange().text;
            div.innerHTML = '<img id=imghead>';
            var img = document.getElementById('imghead');
            img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
            var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
            status =('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);
            div.innerHTML = "<div id=divhead style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;"+sFilter+src+"\"'></div>";
          }
        }
        function previewImage2(file)
        {
          var MAXWIDTH  = 250; 
          var MAXHEIGHT = 160;
          var div2 = document.getElementById('preview2');
          
          if (file.files && file.files[0])
          {
              div2.innerHTML ='<img id=imghead2 onclick=$("#previewImg2").click()>';
              var img2 = document.getElementById('imghead2');
              img2.onload = function(){
                var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img2.offsetWidth, img2.offsetHeight);
                img2.width  =  rect.width;
                img2.height =  rect.height;
//                 img.style.marginLeft = rect.left+'px';
                img2.style.marginTop = rect.top+'px';
              }
              var reader = new FileReader();
              reader.onload = function(evt){img2.src = evt.target.result;}
              reader.readAsDataURL(file.files[0]);
          }
          else //兼容IE
          {
            var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
            file.select();
            var src = document.selection.createRange().text;
            div2.innerHTML = '<img id=imghead2>';
            var img = document.getElementById('imghead2');
            img2.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
            var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img2.offsetWidth, img2.offsetHeight);
            status =('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);
            div2.innerHTML = "<div id=divhead2 style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;"+sFilter+src+"\"'></div>";
          }
        }
		var wait=60;  
function time(o) {  
        if (wait == 0) {  
            o.removeAttribute("disabled");            
            o.value="免费获取验证码";  
            wait = 60;  
        } else {  
            o.setAttribute("disabled", true);  
            o.value="重新发送(" + wait + ")";  
            wait--;  
            setTimeout(function() {  
                time(o)  
            },  
            1000)  
        }  
    }  
document.getElementById("btn").onclick=function(){time(this);} 
</script>
<script>
	 $(".shenf").click(function(){
			$(".shangc").show();
			$(".yinhang").hide();
			$(".mima-xg").show();
			$(".mima-zh").hide();
			$("#yz").hide();
			$("#yhk").hide();
			$("#wanshan").hide();
			$("#xg").hide();
			$(".bd-img").css("left","0")
		})
		$(".yinh").click(function(){
			$(".yinhang").show();
			$(".shangc").hide();
			$(".mima-zh").show();
			$(".mima-xg").hide();
			$("#yijingwanshan").hide();
			$(".bd-img").css("left","120px")
		})
	$('#qr').click(function(){
		$("#bd").hide();
		$("#xg").show();
	})
	$('#yhkxiugai').click(function(){
		$("#xg").hide();
		$("#yz").show();
	})
	$('.zh-btn').click(function(){
		$("#yz").hide();
		$("#yhk").show();
	})
	$('#yiwanshang').click(function(){
		$("#wanshan").hide();
		$("#yijingwanshan").show();
	})
	$('#qurenxiugai1').click(function(){
		$("#yhk").hide();
		$("#xg").show();
	})
</script>
</body>
</html>
